import React, { Component } from 'react'

export default class App extends Component {

    // 在 react 中定义响应式数据
    // 使用的是 es7 类的属性和方法  ----------- 推荐使用

    // 初始状态的属性必须要写在 state 中，在 state 中定义的属性是我们页面中
    // 所需要用到的响应式属性。
    // 因为我们要通过 this.setState 修改值，所以属性一定要在 state 中定义
    state = {
        msg: '你笑起来真好看'
    }

    render() {
        return (
            <>
                <div>App - {this.state.msg}</div>
                <button onClick={() => {
                    this.setState({
                        msg: '像春天的花一样'
                    })
                }}>修改 Msg</button>
            </>
        )
    }
}
